{extend name="$_admin_public_base_"/}
{block name="style"}
  <!--此页面增加的style-->
{/block}

{block name="main"}
  <div class="row">
      <div class="eacoo-tabs builder-form-tabs col-md-12">
          <ul class="nav nav-tabs">
              <li class=""><a href="{:plugin_url('message/Message/index')}">收件箱<span class="msg-bage badge bg-teal">{$inboxMessageCount}</span></a></li>
              <li class=""><a href="{:plugin_url('message/Message/index',['box_type'=>'outbox'])}">发件箱<span class="msg-bage badge bg-purple" >{$outboxMessageCount}</span></a></li>
              <li><a class="btn bg-aqua btn-block return" href="{:plugin_url('message/Message/send_message')}"><i class="fa fa-send-o"></i> 发送消息</a></li>
          </ul>
        <div class="form-group"></div>
    </div>
  </div>

  <div class="builder formbuilder-box mt-20">

  <div class="row">    

  <div class="col-md-9">      
    <form action="" method="post" id="form-msg" class="form-builder form-horizontal">
    <fieldset>
      <div class="form-group item_to_uids ">
        <label for="to_uids" class="col-md-3 control-label">接收者</label>
        <div class="col-md-9">
          <input type="text" class="form-control" name="to_uids" value="" placeholder="填写接收用户ID，留空则群发所有用户">
          
        </div>
    </div>
    <div class="form-group item_title ">
        <label for="title" class="col-md-3 control-label">标题<sup>*</sup></label>
        <div class="col-md-9">
          <input type="text" class="form-control" name="title" value="" placeholder="必填">
          
        </div>
    </div>
    <div class="form-group item_content ">
    <label for="content" class="col-md-3 control-label">消息内容<sup>*</sup></label>
      <div class="col-md-9">
        <textarea id="hidden"  name="content" class="form-control" style="display:none;"></textarea>
        <div id="editor">
          
        </div> 
      </div>
    </div>
    <div class="form-group">
        <div class="col-md-10 col-md-offset-2 tc">
          <button class="btn btn-primary submit ajax-post " type="submit" target-form="form-builder">确定</button> 
              &nbsp;<button onclick="javascript:document.getElementById('form-msg').reset();return false;" class="btn btn-warning">重置</button>
      </div>
  </div>

 </fieldset>
</form>
                  
  </div>    
 </div><!--row-->
</div>

{/block}

{block name="script"}
  <!-- 后续同学维护可查看http://www.wangeditor.com/文档进行维护 -->

  <!-- wangeditor 所支持的js文件-->
  <script type="text/javascript" src="__LIBS__/wangeditor/wangEditor.min.js"></script>
  
  <!-- wangeditor 配置-->
  <script type="text/javascript">
    var E = window.wangEditor
      var editor = new E('#editor')
      var $text1 = $('#hidden')
      editor.customConfig.onchange = function (html) {
          // 监控变化，同步更新到 textarea
          $text1.val(html)
      }
      editor.customConfig.menus = [
        'head',  // 标题
        'bold',  // 粗体
        'fontSize',  // 字号
        'fontName',  // 字体
        'italic',  // 斜体
        'underline',  // 下划线
        'strikeThrough',  // 删除线
        'foreColor',  // 文字颜色
        //'backColor',  // 背景颜色
        'link',  // 插入链接
        'list',  // 列表
        'justify',  // 对齐方式
        'quote',  // 引用
        'emoticon',  // 表情
        'image',  // 插入图片
        'table',  // 表格
        'video',  // 插入视频
        'code',  // 插入代码
        'undo',  // 撤销
        //'redo'  // 重复
      ]
      editor.customConfig.uploadImgShowBase64 = true
      editor.create()
      // 初始化 textarea 的值
      $text1.val(editor.txt.html())
</script>

  <script type="text/javascript">
      $(function(){
          //遍历选中当前权限的子权限
          $('.auth input[type="checkbox"]').on('change',function(){
              $('.'+$(this).attr('data-module-name')+' .auth'+$(this).val()).find('input').prop('checked',this.checked);
          });
      });
  </script>
{/block}